<!--
 * @Author: xcl
 * @Date: 2022-04-20 10:16:41
 * @LastEditors: xcl
 * @LastEditTime: 2022-09-13 14:02:01
 * @Description: 项目根组件
-->
<template>
  <div id="app">
    <!-- 根据需要显示不同的布局情况 -->
    <component :is="layout"></component>
  </div>
</template>

<script>
import BlankLayout from "@/layout/BlankLayout.vue";
import NavLayout from "@/layout/NavLayout.vue";
export default {
  name: "App",
  components: {
    "nav-layout": NavLayout,
    "blank-layout": BlankLayout,
  },
  data() {
    return {};
  },
  props: {
    layout: {
      type: String,
      default: "nav-layout",
    },
  },
  watch: {
  },
  created() { },
  destroyed() { },
  mounted() {
  },
  methods: {
  },
};
</script>

<style lang="less">
#app {
  width: 100%;
  height: 100vh;
  min-width: 1024px;
}
</style>
